﻿<Window x:Class="Demo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="650" Width="725" WindowStartupLocation="CenterScreen" >
    <Grid>
        <Grid.Background>
            <ImageBrush ImageSource="images/imgBackround.jpg" />
        </Grid.Background>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="2*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="30" />
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        
        <!--Left-->
        <StackPanel Width="auto" Height="auto" Grid.Row="1" Grid.Column="0" HorizontalAlignment="Center">
            <StackPanel.Background>
                <ImageBrush ImageSource="images/nenRight.png" />
            </StackPanel.Background>

            <TextBlock Foreground="White" FontSize="20">
                Next
            </TextBlock>
            <TextBlock Foreground="White" FontSize="40" Width="120" Height="100" Padding="10 0 0 0" Margin="0 0 0 20" >
                <TextBlock.Background>
                    <ImageBrush ImageSource="images/IconNext.png" />
                </TextBlock.Background>
            </TextBlock>

            <TextBlock Foreground="White" FontSize="20">
                Time
            </TextBlock>
            <TextBlock Foreground="White" FontSize="40" Height="60" Padding="10 0 0 0" Margin="0 0 0 20" >
                <TextBlock.Background>
                    <ImageBrush ImageSource="images/imgLevel.png" />
                </TextBlock.Background>
                
            </TextBlock>

        </StackPanel>
        
        <!--Center-->
        <!--30*30-->
        <Grid Height="540" Grid.Row="1" Grid.Column="1" ShowGridLines="False" >
            <Grid.Background>
                <ImageBrush ImageSource="images/imgCenter.png" />
            </Grid.Background>
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
        </Grid>
        <!--Right-->
        <StackPanel Grid.Row="1" Grid.Column="2" HorizontalAlignment="Center">
            <StackPanel.Background>
                <ImageBrush ImageSource="images/nenRight.png" />
            </StackPanel.Background>

            <TextBlock Foreground="White" FontSize="20">
                Goal
            </TextBlock>
            <TextBlock Foreground="White" FontSize="40" Height="100" Width="100" Padding="20 20 0 0" Margin="0 0 0 20" >
                <TextBlock.Background>
                    <ImageBrush ImageSource="images/imgNextGach.png" />
                </TextBlock.Background>
                250
            </TextBlock>

            <TextBlock Foreground="White" FontSize="20">
                Level
            </TextBlock>
            <TextBlock Foreground="White" FontSize="40" Height="60" Padding="10 0 0 0" Margin="0 0 0 20" >
                <TextBlock.Background>
                    <ImageBrush ImageSource="images/imgLevel.png" />
                </TextBlock.Background>
                100
            </TextBlock>
            
            <TextBlock Foreground="White" FontSize="20">
                Do Kho
            </TextBlock>
            <TextBlock Foreground="White" FontSize="30" Width="100" Height="60" Padding="10 10 0 0" >
                <TextBlock.Background>
                    <ImageBrush ImageSource="images/imgLevel.png" />
                </TextBlock.Background>
                EASY
            </TextBlock>
            
        </StackPanel>
    </Grid>
</Window>
